<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人中心 | KeyBoard For Fun!</title>
		<link rel="stylesheet" type="text/css" href="my_page_style.css"/>
		<script src="my_page_javascript.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body id="bodystyle" style="background-image: url(images/spikes.png);">
		<div id="top">
				<div id="NAVBAR">
					<div id="logo">
						<div id="LOGO">
							<strong>Geek KeyBoard</strong>
						</div>
					</div>
					<div id="CONTENTS">
						<ul>
							<p onclick="openHOMEPAGE()">首页</p>
							<li>今日热点</li>
							<li>生活区</li>
						</ul>
						<ul>
							<p>装备社区</p>
							<li>生活区</li>
							<li onclick="openTIEZI()">装备展示厅</li>
							<li>装备情报</li>
							<li>提问区</li>
							<li>交易信息区</li>
						</ul>
						<ul>
							<p onclick="openSHOP()">装备商店</p>
							<li>机械键盘</li>
							<li>键帽</li>
							<li>键盘轴体</li>
							<li onclick="openSHOPDETAIL()">模玩手办</li>
							<li>音频HiFi</li>
						</ul>
						<ul>
							<p>装备信息</p>
							<li>装备百科</li>
							<li>新品发车</li>
							<li>科普文章</li>
						</ul>
						<ul>
							<p style="border-right: none;" onclick="openUSER()">个人中心</p>
							<li>我的帖子</li>
							<li>个人信息</li>
							<li>购物车</li>
							<li>收藏夹</li>
						</ul>
					</div>
					<div id="SEARCH">
						<div class="icon" title="这里是搜索栏哦" style="cursor:pointer;">&#xf002 </div>
						<form action="" method="" >
							<input type="text" name="firstname" placeholder="在 Geek KeyBoard！中搜索">
						</form>
					</div>
					<div id="USER">
						<div class="icon">&#xf007 </div>
						<a href="#" title="点击登录或注册进入Geek KeyBoard!" onclick="log_on_open()">登录 | 注册</a>
					</div>
				</div>
		</div>
		<div id="log_on">
			<div id="log_on_top">
				<div id="log_on_top_title">登录  Geek KeyBoard!</div>
				<div id="log_on_close" title="点击关闭该窗口" onclick="log_on_close()">关闭</div>
			</div>
			<div id="log_on_left">
			 <strong><h3>账号密码登录</h3></strong>
			 <form action="#" method="get" id="form1">
				<input type="mail" name="mymail" placeholder="请输入您的账号" class="input1">
				<input type="password" name="mypassword1" placeholder="请输入你的密码" class="input2">
				<div id="checkbox">
					<input type="checkbox" name="check" id="check" value="1" />
					<label for="check">点击即表示同意《服务协议》</label>
				</div>	
				<a href="#" onclick="zhuce()">还没有账号？点击注册！</a>
				<button type="submit" class="checkbox_1"><strong>登&nbsp;录</strong></button>
			 </form>
			</div>
			<div id="log_on_right">
				<strong><h3>使用微信扫一扫登录</h3></strong>
				<img src="images/bottom_img1.png" >
			</div>
		</div>
		<div id="user-head">
			<p class="icon" style="font-size: 20px; margin: 0; font-weight: 500;">&#xf0d7 &nbsp;&nbsp;&nbsp;&nbsp;个人中心</p>
		</div>
		<div id="user_left">
			<div id="user-head-area">
				<img src="images/user_icon_1.jpg" >
				<div id="user-head-word">
					<h2>Infinitykw</h2>
					<h4>等级5</h4>
					<p title="个性签名">Amazed by the beauty of industrial design.</p>
				</div>
			</div>
			<div id="equipment_title">
				<h3>装备签到</h3>
			</div>
			<div id="user_left_equipment">
				<div class="author_equipment">
					<img src="images/equipment1.jpg" >
					<p title="Think6.5" onclick="openTIEZI()">Think6.5</p>
				</div>
				<div class="author_equipment">
					<img src="images/equipment2.jpg" >
					<p title="Medieval" onclick="openTIEZI()">Medieval</p>
				</div>
				<div class="author_equipment">
					<img src="images/equipment6.jpg" >
					<p title="Holypanda 圣熊猫轴">Holypanda 圣熊猫轴</p>
				</div>
				<div class="author_equipment">
					<img src="images/equipment4.jpg" >
					<p title="马卡龙彩色螺丝卫星轴">马卡龙彩色螺丝卫星轴</p>
				</div>
				<div class="author_equipment">
					<img src="images/equipment3.jpg" >
					<p title="GMK SHOKO">GMK SHOKO</p>
				</div>
				<div class="author_equipment">
					<img src="images/equipment9.jpg" >
					<p title="Striker">Striker</p>
				</div>
				<div class="author_equipment">
					<img src="images/equipment5.jpg" >
					<p title="8VX2.0 Xmas">8VX2.0 Xmas</p>
				</div>
				<div class="author_equipment">
					<img src="images/equipment10.jpg" >
					<p title="FC980M NANA">FC980M NANA</p>
				</div>
				<div class="author_equipment">
					<img src="images/equipment7.jpg" >
					<p title="Devil Toys Carbine">Devil Toys Carbine</p>
				</div>
				<div class="author_equipment">
					<img src="images/equipment8.jpg" >
					<p title="Space65 by graystudio">Space65 by graystudio</p>
				</div>
			</div>
			<div id="equipment_title">
				<h3>Ta的帖子</h3>
			</div>
			<div id="left_invitation">
				<div class="left_invitation">
					<h2>FMJ 80 x SP SA Tokyo Night</h2>
					<h5>这是一个不经意的共同创意，他来自一个沿海的城市，也来自一个床边的胡思乱想，六月又到了，想必东京霓虹再起，人流穿梭...</h5>
					<img src="images/imgs10-1.jpg" >
					<img src="images/imgs10-2.jpg" >
					<img src="images/imgs10-3.jpg" >
				</div>
				<div class="left_invitation">
					<h2>唯一的RX - 78 - 2</h2>
					<h5>这块键盘是我找到的答案。一场充满惊喜的跨界。爱了，爱了。</h5>
					<img src="images/imgs8-3.jpg" >
					<img src="images/imgs8-1.jpg" >
					<img src="images/imgs8-2.jpg" >
				</div>
				<div class="left_invitation" onclick="openTIEZI()">
					<h2>深潜的梦 T6.5的沉溺</h2>
					<h5>灵感始于一个深潜的梦，始于水光四溅，终于窒息深渊。氧气越来越稀薄，黑色的半影附着在漆黑的t6.5，身体被缭绕的乌云包裹。</h5>
					<img src="images/imgs6-4.jpg" >
					<img src="images/imgs6-2.jpg" >
					<img src="images/imgs6-1.jpg" >
				</div>
				<div class="left_invitation">
					<h2>-圣诞之光-</h2>
					<h5>圣灵的诞生，因为他将从罪恶中拯救人们（耶稣名称的源含义），圣诞就是黑暗中的光，也是这组照片的灵感来源：</h5>
					<img src="images/imgs9-3.jpg" >
					<img src="images/imgs9-1.jpg" >
					<img src="images/imgs9-2.jpg" >
				</div>
			</div>
		</div>
		<div id="user_right">
			<div id="author_mid">
				<div class="mid_author">
					<p class="author_num">87</p>
					<p class="author_item">装备签到</p>
				</div>
				<div class="mid_author">
					<p class="author_num">661</p>
					<p class="author_item">赞</p>
				</div>
				<div class="mid_author">
					<p class="author_num">115</p>
					<p class="author_item">粉丝</p>
				</div>
			</div>
			<h3>最近访问</h3>
			<div class="present_visit">
				<div class="visitor">
					<img src="images/headimg1.jpg" >
					<h5>Yucky</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg2.jpg" >
					<h5>MIchigan</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg3.jpg" >
					<h5>Dice</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg4.jpg" >
					<h5>Liens</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg5.jpg" >
					<h5>爱好键盘</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg6.jpg" >
					<h5>realforce</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg7.jpg" >
					<h5>nizplum</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg8.jpg" >
					<h5>ggmm</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg9.jpg" >
					<h5>斐尔可</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg10.jpg" >
					<h5>阿米洛</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg11.jpg" >
					<h5>凯酷</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg12.jpg" >
					<h5>杜伽</h5>
				</div>
			</div>
			<h3>Ta的关注</h3>
			<div class="present_visit">
				<div class="visitor">
					<img src="images/headimg3.jpg" >
					<h5>Dice</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg1.jpg" >
					<h5>Yucky</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg2.jpg" >
					<h5>MIchigan</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg9.jpg" >
					<h5>斐尔可</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg12.jpg" >
					<h5>杜伽</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg8.jpg" >
					<h5>ggmm</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg10.jpg" >
					<h5>阿米洛</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg11.jpg" >
					<h5>凯酷</h5>
				</div>
			</div>
			<h3>Ta的粉丝</h3>
			<div class="present_visit">
				<div class="visitor">
					<img src="images/headimg2.jpg" >
					<h5>MIchigan</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg3.jpg" >
					<h5>Dice</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg4.jpg" >
					<h5>Liens</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg6.jpg" >
					<h5>realforce</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg7.jpg" >
					<h5>nizplum</h5>
				</div>

				<div class="visitor">
					<img src="images/headimg9.jpg" >
					<h5>斐尔可</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg10.jpg" >
					<h5>阿米洛</h5>
				</div>
				<div class="visitor">
					<img src="images/headimg12.jpg" >
					<h5>杜伽</h5>
				</div>
			</div>
			<h3>Ta的收藏</h3>
			<div class="present_bookmark">
				<a href="带作业-内容页1.html" target="_blank">Ⅰ. 深潜的梦 T6.5的沉溺</a>
				<a href="#">Ⅱ. 永远的RX - 78 - 2</a>
				<a href="#">Ⅲ. CANOE FE x RAMA HEAVY INDUSTRY</a>
				<a href="#">Ⅳ. 时光沉淀下的“脆弱”美好</a>
				<a href="#">Ⅴ. THINK 6.5 with GMK Striker</a>
				<a href="#">Ⅵ. [MATRIX] Odds and Ends</a>
				<a href="#">Ⅶ. 闲来无事的杂谈——国内客制化品牌速览</a>
				<a href="#">Ⅷ. 那些年，我玩过的键盘之—Filco Minila Air体验分享</a>
				<a href="#">Ⅸ. 时光流逝的距离终有尽头 那些沉淀在往昔岁月里的键盘</a>
				<a href="#">Ⅹ. 山下俊也笔下的绫波丽</a>
			</div>
		</div>

		<button type="button" onclick="back_to_top()" class="button2" title="点击返回顶部"><div class="icon" style="color: white;">&#xf148 </div></button>
		<div id="bottom">
			<div class="bottom_list">
				<div class="bottom_title"><a href="#">Geek KeyBoard!</a></div>
				<ul>
					<li><a href="#">网站指南</a></li>
					<li><a href="#">用户协议</a></li>
					<li><a href="#">在线客服</a></li>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">加入我们</a></li>
				</ul>
			</div>
			<div class="bottom_list">
				<div class="bottom_title"><a href="#">合作厂商</a></div>
				<ul>
					<li><a href="#">GMKeyCaps</a></li>
					<li><a href="#">JTKeyCaps</a></li>
					<li><a href="#">利奥博德Leopold</a></li>
					<li><a href="#">斐尔可Filco</a></li>
					<li><a href="#">阿米洛Varmilo</a></li>
				</ul>
			</div>
			<div class="bottom_list">
				<div class="bottom_title"><a href="#">友情链接</a></div>
				<ul>
					<li><a href="https://www.zfrontier.com/" target="_blank">装备前线|zFrontier</a></li>
					<li><a href="https://www.geekmaker.com/" target="_blank">极制|GeekMaker</a></li>
					<li><a href="https://percent.studio/" target="_blank">Percent Studio</a></li>
					<li><a href="https://shop64592671.taobao.com/?spm=a230r.7195193.1997079397.2.38cb2f94E5G5Sr" target="_blank">怡科外设</a></li>
					<li><a href="https://shop105902419.taobao.com/?spm=a230r.7195193.1997079397.2.179d289a271WPK" target="_blank">酷品世家</a></li>
					<li><a href="https://shop117148064.taobao.com/?spm=a230r.7195193.1997079397.2.413a5d118CPOBb" target="_blank">键帽馆</a></li>
				</ul>
			</div>
			<div class="bottom_img">
				<img src="images/bottom_img1.png" >
			</div>
			<div class="bottom_img">
				<img src="images/bottom_img2.jpg" >
			</div>
			<div class="bottom_last">
			</div>
		</div>
	</body>
</html>
